<template>
  <div>
    <Header />
    <router-view></router-view>
    <!-- 更具路由的特性,当前页面必定可以获取到route,可以根据路由名判断是否需要加载  -->
    <Footer v-if="!$route.meta.ishidden" />
  </div>
</template>

<script>
import Footer from '@comp/Footer'
import Header from '@comp/Header'
import { mapActions } from 'vuex'
export default {
  name: 'App',
  components: {
    Footer,
    Header,
  },
  mounted() {
    this.getCatGoryListStore()
  },
  methods: { ...mapActions('category', ['getCatGoryListStore']) },

  computed: {
    // 可以使用计算属性的方式判断当前加载的路由是否是不需要加载footer的路由
    // 但是这种方式,在多数不需要加载时,太过繁琐,所以,可以使用直接在路由上书写属性的方式
    // 但是在什么地方书写能,静态传递和获取的地方,作为默认的配置向mate是一个很好的地方
    // 所以可以选择在meta中书写,然后使用时直接使用meta中的配置项判断即可
    // flag() {
    //   return !this.$route.path.split('/')[1] === 'login'
    // },
  },
}
</script>

<style></style>
